.image-container {
  width: 100%; /* 或者你想要的具体宽度 */
  height: 100vh; /* 高度可以根据需要设置，比如 300px */
  overflow: hidden; /* 防止图片超出容器 */
}
 
.responsive-image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 使图片自适应容器，保持宽高比，不变形 */
  object-position: center; /* 图片居中显示 */
}